.player-bar {
  background-position: 0 0;
  background-repeat: repeat;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 52px;

  .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 47px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
}

.control {
  display: flex;
  align-items: center;

  .prev, .next {
    width: 28px;
    height: 28px;
  }

  .prev {
    background-position: 0 -130px;
  }

  /* 暂停或播放 */
  .play {
    width: 36px;
    height: 36px;
    margin: 0 8px;
    // background-position: 0 -204px;
  }

  .next {
    background-position: -80px -130px;
  }
}

.play-info {
  display: flex;
  align-items: center;
  width: 642px;

  .image {
    width: 34px;
    height: 34px;
    border-radius: 5px;
  }

  .info {
    flex: 1;
    color: #a1a1a1;
    margin-left: 10px;

    .song {
      color: #e1e1e1;
      position: relative;
      top: 8px;
      left: 8px;

      .singer-name {
        color: #a1a1a1;
        margin-left: 10px;
      }
    }

    .progress {
      display: flex;
      align-items: center;
  
      :deep(.ant-slider) {
        width: 493px;
        margin: 12px 20px 14px 6px;

        /* 底轨道 */
        .ant-slider-rail {
          height: 9px;
          background: url("~@/assets/img/progress_bar.png") right 0;
        }
        /* 拖动轨道 */
        .ant-slider-track {
          height: 9px;
          background: url("~@/assets/img/progress_bar.png") left -66px;
        }
        /* 滑动手柄 */
        .ant-slider-handle {
          width: 22px;
          height: 24px;
          border: none;
          margin-top: -7px;
          background: url("~@/assets/img/sprite_icon.png") 0 -250px;
          &:focus{
            box-shadow: none;
          }
        }
      }

      .time {
        .now-time {
          color: #e1e1e1;
        }
        .divider {
          margin: 0 3px;
        }
      }
    }
  }
}

.operator {
  display: flex;
  position: relative;
  top: 5px;

  .btn {
    width: 25px;
    height: 25px;
    cursor: pointer;
  }

  .favor {
    background-position: -88px -163px;
  }

  .share {
    background-position: -114px -163px;
  }

  .right {
    width: 126px;
    padding-left: 13px;
    background-position: -147px -248px;
    
    /* 音量 */
    .volume {
      background-position: -2px -248px;
    }

    /* (0/顺序 1/随机 2/单曲)播放 */
    // .loop {
    //   background-position: -3px -344px;
    // }

    /* 播放列表 */
    .playlist {
      width: 59px;
      background-position: -42px -68px;
    }
  }
}